{% extends 'ApplicationToolsBundle::layout.html.twig' %}

{% block title %}Grid - fixed 16{% endblock %}

{% block stylesheets %}
    <link href="{{ asset('bundles/applicationtools/css/grid_fixed.css') }}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}

{% block body %}

<div class="grid_row">
    <div class="grid_12">
        <h4>Fixed 16</h4>
    </div>
    <div class="clear"></div>
</div>
    
<div id="grid" class="grid_row">
    <div class="grid_1">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>04</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>05</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>06</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>07</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>08</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>09</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>10</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>11</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>12</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>13</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>14</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>15</p>
        </div>
    </div>
    <div class="grid_1">
        <div class="box">
            <p>16</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_2">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_2">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="grid_2">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="grid_2">
        <div class="box">
            <p>04</p>
        </div>
    </div>
    <div class="grid_2">
        <div class="box">
            <p>05</p>
        </div>
    </div>
    <div class="grid_2">
        <div class="box">
            <p>06</p>
        </div>
    </div>
    <div class="grid_2">
        <div class="box">
            <p>07</p>
        </div>
    </div>
    <div class="grid_2">
        <div class="box">
            <p>08</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_3">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_3">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="grid_3">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="grid_3">
        <div class="box">
            <p>04</p>
        </div>
    </div>
    <div class="grid_4">
        <div class="box">
            <p>05</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_4">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_4">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="grid_4">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="grid_4">
        <div class="box">
            <p>04</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_5">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_5">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="grid_6">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_6">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_5">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="grid_5">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_7">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_5">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="grid_4">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_8">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="grid_8">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 suffix_15">
        <div class="box">
            <p>01</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_1 suffix_14">
        <div class="box">
            <p>02</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_2 suffix_13">
        <div class="box">
            <p>03</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_3 suffix_12">
        <div class="box">
            <p>04</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_4 suffix_11">
        <div class="box">
            <p>05</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_5 suffix_10">
        <div class="box">
            <p>06</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_6 suffix_9">
        <div class="box">
            <p>07</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_7 suffix_8">
        <div class="box">
            <p>08</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_8 suffix_7">
        <div class="box">
            <p>09</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_9 suffix_6">
        <div class="box">
            <p>10</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_10 suffix_5">
        <div class="box">
            <p>11</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_11 suffix_4">
        <div class="box">
            <p>12</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_12 suffix_3">
        <div class="box">
            <p>13</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_13 suffix_2">
        <div class="box">
            <p>14</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_14 suffix_1">
        <div class="box">
            <p>15</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="grid_1 prefix_15">
        <div class="box">
            <p>16</p>
        </div>
    </div>
    <div class="clear"></div>
</div>

{% endblock %}